/*
  实现功能：修改count之后 把值放入页面的标题中
  1.导入useEffect函数
  2.在函数组件中执行 传入回调,并且定义副作用
  3.当我们通过修改状态更新组件时，副作用也会不断执行
vue ==> watch
*/
/*
依赖项控制执行时机
  1.默认状态（不添加依赖项)组件初始化的时候 先执行一次 等到每次数据修改的时候再次执行
  2.添加空数组，组件只在首次渲染时执行一次
  3.添加特定的依赖项 
*/
//useState函数作为参数

//导入useState  更该页面标题
import { useLocalStorage } from "./hooks/useLocalStorage"

function App () {
  const [message, setMessage] = useLocalStorage('name', 'zhangsan')
  setTimeout(() => {
    setMessage('法外狂徒')
  }, 2000)
  return (
    <div className="App">
      本地存储：{message}
    </div>
  )
}
export default App
